<!DOCTYPE html>
<html lang=cn>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聆风画廊</title>
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="lfhl.css">
    <script src="lfhl.js"></script>
</head>

<body>
    <div contextmenu="imgmenu">
        <img src="lfhl_.jpeg" alt="" class="boxw-full opacity8">
    </div>
    <menu id="imgmenu">
        <menuitem lable="刷新" onclick="window.location.reload()"></menuitem>
    </menu>
    <div class="container boxw-full">
        <!--<h2>动态标签</h2>-->
        <!--<p><strong>提示:</strong> 与 .tab-pane 和 data-toggle="tab" (data-toggle="pill" ) 一同使用, 设置标签页对应的内容随标签的切换而更改。</p>-->
        <ul class="nav nav-tabs">
            <li class="active"><a data-toggle="tab" href="#home">首页</a></li>
            <li><a data-toggle="tab" href="#menu1">作品展示</a></li>
            <li><a data-toggle="tab" href="#menu2">菜单 2</a></li>
            <li><a data-toggle="tab" href="#menu3">名家作品</a></li>
        </ul>


        <div class="tab-content">
            <div id="home" class="tab-pane fade in active">
                <h3>簡介</h3>
                <p contenteditable="true">菜鸟教程 —— 学的不仅是技术，更是梦想！！！</p>
            </div>
            <div id="menu1" class="tab-pane fade">
                <h3>作品出售</h3>
                <p>
                    <div class="row boxwl-menu1">
                        <div class="col-sm-6 col-md-3">
                            <img src="image/1.jpg" alt="">
                            <div class="label">
                                <s><span>作者:</span><b>aaa</b></s><br>
                                <s><span>价格:</span><b>￥100</b></s>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-3">
                            <img src="image/2.jpg" alt="">
                            <div class="label">
                                <s><span>作者:</span><b>aaa</b></s><br>
                                <s><span>价格:</span><b>￥100</b></s>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-3">
                            <img src="image/3.jpg" alt="">
                            <div class="label">
                                <s><span>作者:</span><b>aaa</b></s><br>
                                <s><span>价格:</span><b>￥100</b></s>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-3">
                            <img src="image/4.jpg" alt="">
                            <div class="label">
                                <s><span>作者:</span><b>aaa</b></s><br>
                                <s><span>价格:</span><b>￥100</b></s>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-3">
                            <img src="image/5.jpg" alt="">
                            <div class="label">
                                <s><span>作者:</span><b>aaa</b></s><br>
                                <s><span>价格:</span><b>￥100</b></s>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-3">
                            <img src="image/6.jpg" alt="">
                            <div class="label">
                                <s><span>作者:</span><b>aaa</b></s><br>
                                <s><span>价格:</span><b>￥100</b></s>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-3">
                            <img src="image/7.jpg" alt="">
                            <div class="label">
                                <s><span>作者:</span><b>aaa</b></s><br>
                                <s><span>价格:</span><b>￥100</b></s>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-3">
                            <img src="image/8.jpg" alt="">
                            <div class="label">
                                <s><span>作者:</span><b>aaa</b></s><br>
                                <s><span>价格:</span><b>￥100</b></s>
                            </div>
                        </div>

                    </div>
                </p>
            </div>

            <div id="menu2" class="tab-pane fade">
                <h3>菜单 2</h3>
                <p>这是菜单 2 显示的内容。这是菜单 2 显示的内容。这是菜单 2 显示的内容。</p>
            </div>
            <div id="menu3" class="tab-pane fade">
                <h3>作品欣赏</h3>
                <p>
                    <div class="row boxwl-menu3">
                        <div class="col-sm-6 col-md-3 pd-randl-8">
                            <div class="thumbnail">
                                <img src="img/韩幌五牛图卷_赵孟頫.jpg" alt="通用的占位符缩略图">
                                <div class="caption">
                                    <h3>《韩滉五牛图卷》</h3>
                                    <p>元代赵孟頫行书三次题跋《韩滉五牛图卷》，北京故宫博物院藏。右唐韩晋公五牛图，神气磊落，稀世名笔也。</p>
                                    <p>
                                        <a href="#" class="btn btn-primary" role="button">按钮</a>
                                        <a href="#" class="btn btn-default" role="button">按钮</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-3 pd-randl-8">
                            <div class="thumbnail">
                                <img src="img/砥柱铭卷_黄庭坚.jpg" alt="通用的占位符缩略图">
                                <div class="caption">
                                    <h3>《砥柱铭卷》</h3>
                                    <p>北宋书法家黄庭坚大字行楷书抄录唐代魏征《砥柱铭卷》，卷长8.24米。</p>
                                    <p>
                                        <a href="#" class="btn btn-primary" role="button">按钮</a>
                                        <a href="#" class="btn btn-default" role="button">按钮</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-3 pd-randl-8">
                            <div class="thumbnail">
                                <img src="img/趵突泉诗_赵孟頫.jpg" alt="通用的占位符缩略图">
                                <div class="caption">
                                    <h3>《趵突泉诗》</h3>
                                    <p>赵孟頫行书作品《趵突泉诗》纸本，纵33.1cm，横83.3cm。</p>
                                    <p>
                                        <a href="#" class="btn btn-primary" role="button">按钮</a>
                                        <a href="#" class="btn btn-default" role="button">按钮</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-3 pd-randl-8">
                            <div class="thumbnail">
                                <img src="img/跋步辇图_米芾.jpg" alt="通用的占位符缩略图">
                                <div class="caption">
                                    <h3>《跋步辇图》</h3>
                                    <p>米芾书法墨迹欣赏《唐代阎立本步辇图观跋》高清本，元丰三年（1080年）八月，米黻时年30岁书法题跋，北京故宫博物院藏。</p>
                                    <p>
                                        <a href="#" class="btn btn-primary" role="button">按钮</a>
                                        <a href="#" class="btn btn-default" role="button">按钮</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-3 pd-randl-8">
                            <div class="thumbnail">
                                <img id="hhwntj_zmf" src="img/韩幌五牛图卷_赵孟頫.jpg" alt="通用的占位符缩略图">
                                <div class="caption">
                                    <h3>《韩滉五牛图卷》</h3>
                                    <p>元代赵孟頫行书三次题跋《韩滉五牛图卷》，北京故宫博物院藏。右唐韩晋公五牛图，神气磊落，稀世名笔也。</p>
                                    <p>
                                        <a href="#" class="btn btn-primary" role="button">按钮</a>
                                        <a href="#" class="btn btn-default" role="button">按钮</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-3 pd-randl-8">
                            <div class="thumbnail">
                                <img src="img/砥柱铭卷_黄庭坚.jpg" alt="通用的占位符缩略图">
                                <div class="caption">
                                    <h3>《砥柱铭卷》</h3>
                                    <p>北宋书法家黄庭坚大字行楷书抄录唐代魏征《砥柱铭卷》，卷长8.24米。</p>
                                    <p>
                                        <a href="#" class="btn btn-primary" role="button">按钮</a>
                                        <a href="#" class="btn btn-default" role="button">按钮</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-3 pd-randl-8">
                            <div class="thumbnail">
                                <img src="img/趵突泉诗_赵孟頫.jpg" alt="通用的占位符缩略图">
                                <div class="caption">
                                    <h3>《趵突泉诗》</h3>
                                    <p>赵孟頫行书作品《趵突泉诗》纸本，纵33.1cm，横83.3cm。</p>
                                    <p>
                                        <a href="#" class="btn btn-primary" role="button">按钮</a>
                                        <a href="#" class="btn btn-default" role="button">按钮</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-3 pd-randl-8">
                            <div class="thumbnail">
                                <img src="img/跋步辇图_米芾.jpg" alt="通用的占位符缩略图">
                                <div class="caption">
                                    <h3>《跋步辇图》</h3>
                                    <p>米芾书法墨迹欣赏《唐代阎立本步辇图观跋》高清本，元丰三年（1080年）八月，米黻时年30岁书法题跋，北京故宫博物院藏。</p>
                                    <p>
                                        <a href="#" class="btn btn-primary" role="button">按钮</a>
                                        <a href="#" class="btn btn-default" role="button">按钮</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </p>
            </div>
        </div>
    </div>
    </div>
    <b id="nowTime"></b>
</body>

</html>